<template>
 <div>
    <CloudTip message="Warning text" banner />
    <br />
    <CloudTip
      message="Very long warning text warning text text text text text text text"
      banner
      closable
    />
    <br />
    <CloudTip :show-icon="false" message="Warning text without icon" banner />
    <br />
    <CloudTip type="error" message="Error text" banner />
  </div>
</template>
<script>
export default {
  title: '4.顶部公告',
  data() {
    return {
    };
  },
  methods: {
  },
};
</script>